<template lang="html">

  <section class="fe-list">
	 <!-- 面试题-VUEJS -->
     <QuestionComp :title="task4.title" :data="task4.data" kname="作业" :show="true"></QuestionComp>
	 <!-- 面试题-JavaScript -->
	  <QuestionComp :title="task3.title" :data="task3.data" kname="作业" ></QuestionComp>
	  <!-- 高频面试问题 -->
	  <QuestionComp :title="task2.title" :data="task2.data" kname="作业" ></QuestionComp>
	 <!-- 网上面试题 -->
     <QuestionComp :title="task1.title" :data="task1.data" kname="作业"></QuestionComp>
	 

	
  </section>

</template>

<script lang="js">
  import QuestionComp from '../components/Q.1.vue'
  export default  {
    name: 'fe-list',
    props: [],
    mounted() {
		
    },
    data() {
      return {
		  task4:{
			  title: '面试题-VUEJS',
			  kname:'作业',
			  data:["Vue的优缺点？",
					"Vue如何实现通信的？",
					"Vue适合哪些项目？",
					"Vue的生命周期？钩子函数？",
					"VueX是做什么的？",
					"Vue的路由如何传参？",
					"Vue路由实现的原理？",
					"Vue和SEO？",
					"mvvm框架是什么？",
					"Vue的双向数据绑定原理是什么？",
					"Vue的组件是怎么定义的？父组件怎么给子组件传值？",
					"说说axios拦截器作用",
					"axios有哪些常用方法？",
					"Vue-router有哪几种导航钩子？",
					"在Vue中怎么添加一个超链接？",
					"介绍Vue数组件通信",
					"Vue服务端渲染？",
					"Vue组件怎么划分？",
					"v-if和v-show区别？"]
		  },
		  task1:{
			title: '面试题-提炼关键词',
			kname:'作业',
			referUrl: 'https://blog.csdn.net/weixin_43992330/article/details/89352497',
			data:["说一下对css盒模型的理解",
					"rem,px,em之间的关系和区别",
					"描述一下cookies，sessionStorage和localStorage的区别",
					"说一下怎么减少页面加载时间的方法",
					"css优化、提高性能的方法有哪些",
					"css定义的权重",
					"position：fixed，在Android下无效怎么处理",
					"说一下Flexbox（弹性盒子）的适用场景",
					"::before和:after中双冒号和单冒号有什么区别",
					"说一下html5的离线储存",
					"介绍一下闭包",
					"描述一下对`异步`和`同步的理解`",
					"说一下事件冒泡、事件捕获的区别",
					"事件委托",
					"解决跨域的方法",
					"es5的面向对象",
					"es6面向对象",
					"说一下什么是垃圾回收",
					"如何实现局部内容和后台交互时的变化",
					"什么是AJAX ，AJAX原理",
					"使用异步加载获取JS数据至少两种方法？",
					"什么是JSON，JSON的格式",
					"除了AJAX还有什么模板可以与后台交互",
					"AJAX中的跨域问题：什么是跨域？如何解决跨域问题？",
					"AJAX的流程是什么？",
					"AJAX如何调用JSON数据",
					"AJAX能够处理哪些格式的文件",
					"AJAX实现表单验证用户注册流程",
					"JSON数据的解析方法",
					"如何转化成JSON字符串",
					"说明异步请求的get和post方法的区别",
					"列举AJAX的优势",
					"AJAX中创建请求的兼容性处理",
					"http状态码。1,2,3,4,5开头的状态码分别代表什么",
					"如何将js对象转化成JSON字符串",
					"你对Ajax的理解",
					"什么是Ajax和JSON，它们的优缺点",
					"浅谈一下如何避免用户多次点击造成的多次请求",
					"如何解决跨域问题?",
					"异步加载的方式有哪些？"]
				},
		  task2:{
			  title:'高频面试问题-提炼关键词',
			  kname:'高频',
			  data:["遇到的兼容问题",
					"如何对项目做优化",
					"http和https的区别",
					"如何提高网页性能",
					"移动端的适配怎么做",
					"闭包",
					"继承",
					"jquery的优点",
					"作用域，作用域链",
					"调试是怎么做的",
					"说一下你在项目开发过程中遇到的最深刻的问题以及你是怎么解决的？",
					"移动端你遇到过什么兼容问题",
					"本地存储，都有什么区别",
					"订单支付怎么实现",
					"DOM执行事件流程",
					"伪类和伪元素的区别",
					"jquery源码",
					"多维数组如何实现扁平化处理，",
					"jsonp的实现原理",
					"JS变量（堆和栈） 对象的地址  字符串的常量",
					"什么样的网站适合作响应式",
					"说一下git 开发的流程与命令行语句",
					"前端工作流程？",
					"tap事件原理？",
					"懒加载原理？",
					"移动端的fastclick怎么实际使用？",
					"公司的测试是怎么向你提bug的？他是怎么记录的？",
					"原生ajax的步骤",
					"get和post是怎么工作的",
					"http的状态码",
					"左边是图片右边是文字，如何是文字按照图片的高度居中，有几种方法？",
					"有几种方法可以改变this指向",
					"什么是内存泄漏，内存泄漏有什么后果？",
					"说一下你有几种让子盒子居中的方法",
					"vue-router的原理？catch方法的实现原理",
					"require怎么配置",
					"浏览器渲染的原理",
					"es6各种",
					"git和svn的区别",
					"vue计算属性和watch的区别",
					"页面之间传递数据",
					"vue的优势为什么使用vue",
					"mvvm是什么",
					"vuex实现原理",
					"vue Seo优化",
					"vue服务端渲染",
					"前端工程化",
					"es6和es5的区别",
					"webpack按需加载",
					"你常用的loader加载器有哪些",
					"怎么理解promise（语法糖）",
					"如何实现异步编程，有哪些方式",
					"解释一下什么是vue实例",
					"vue组件有多少个生命周期？",
					"vue组件之间传递数据怎么实现，区别是什么？",
					"vue不同监听之间的区别",
					"vue路由和ajax拦截器的配置",
					"怎么与后台合作？",
					"vue数据双向绑定的实现原理",
					"vue和angular各适合什么样的项目",
					"nodejs了解吗",
					"bootstrap中删格系统实现的原理",
					"数组排序",
					"css实现左侧宽度固定，右侧宽度自适应",
					"技术团队人员分配",
					"响应式网站开发",
					"js数据类型",
					"父盒子高度自适应，里面的文字行高如何自适应",
					"在工作中如何配合安卓和ios开发工程师",
					"项目目录是如何建立的",
					"浏览器的内核",
					"渐进增强和优雅降级",
					"dom的操作方法",
					"事件代理的原理",
					"前端安全问题",
					"是否设计过通用的组件",
					"平时是如何学习的",
					"项目中负责了什么",
					"自己的职业规划",
					"除了前端还会起他的吗",
					"项目上线是如何操作的"]
		   }
			,
			task3:{
				title:'面试题-JavaScript',
				kname:'作业',
				data:["js基本数据类型",
						"局部变量在函数执行完毕后销毁。",
						"将数据存储到本地存储时间为长期",
						"Javascript中callee和caller的作用？",
						"cookies，sessionStorage和localStorage的区别",
						"web storage和cookie的区别",
						"数组合并",
						"Array",
						"String",
						"原生ajax:",
						"减少HTTP请求数的主要途径包括：",
						"Ajax中的对象?",
						"Json是什么？有什么优点?",
						"1.Jsonp是干什么的?",
						"Jsonp的工作原理?",
						"同源策略是什么?",
						"数组的遍历方式有哪些?异同点？",
						"Undefined类型与null类型区别:",
						"HTML Dom中最常用的几个方法之查找元素",
						"Dom中创建，添加，删除，修改，替换，复制，网页中的标签和文本内容的方法如下．",
						"javascript继承",
						"HTML Dom中最常用的几个方法之查找元素 :",
						"跨域",
						"ajax的缺点",
						"编写一个方法，求一个字符串的字节长度",
						"说说对js中的时间模型的理解",
						"怎样添加，删除，移动，复制，创建和查找节点",
						"如何消除一个数组里面重复的元素",
						"什么是ajax和json，他们的优缺点",
						"[“1”,”2”,”3”].map(parseInt)会输出什么？",
						"如何用组件实现列的功能",
						"加快页面加载速度的优化方式有哪些？",
						"请用js写出一个遍历DOM节点树的方法",
						"请给array本地对象增加一个原型方法，他用于删除数组条目中重复的条目，返回值时一个包含被删除的重复条目的新数组",
						"Js中的三种弹出式消息提醒（警告框、确定框、消息输入框）的命令是什么？",
						"Var arr = [1,[2,3],[4,5,6],[7,8,9]];输出字符串1,2,3,4,5,6,7,8,9",
						"编写高阶函数sum（），实现（2）（3）返回结果6",
						"使用递归方式实现斐波那契数列（1,1,2,3,5,8,13,21，...）",
						"简述substr（），subtring（），两个函数的用法",
						"简述splice（），slice（），两个函数的用法",
						"Get和post的区别是什么？",
						"Js中跨域有几种方法？",
						"如何对网站的文件和资源进行优化？",
						"如何实现数组去重？",
						"代码实现冒泡排序",
						"请判断一个字符串中出现次数最多的字符，统计这个次数？",
						"Js如何实现面向对象中的继承实现？",
						"编写一个方法，去掉一个数组的重复元素？",
						"Ajax是什么？Ajax的交互模型？同步异步的区别？如何解决跨域问题？",
						"原生js的window.onload与jq的$(docment).ready(function(){})有什么不同？",
						"SEO优化还有哪些方法？",
						"Cookie的过期和session的超时有什么区别？",
						"Js中继承的实现方式有几种？都是如何实现的？",
						"Js如何安全的实现账户自动登录？",
						"[]==[]  运算结果 false",
						"parseInt（3,8）；parseInt（3,2）；parseInt（3,0）；运算结果分别是多少",
						"如何安全的实现账户自动登录？",
						"请用js语言写出两个类A和B，并且A继承B",
						"请写出一个js函数，此函数生成全局唯一的id值",
						"请简述js面向对象开发常用的设计模式，并说出使用场景。",
						"Js引用类型的赋值与基本类型的赋值有啥区别？",
						"javascript排错有几种？",
						"Js中有几种继承方式?各有什么有点和缺点?",
						"使用继承有什么好处",
						"Ajax的工作原理",
						"Ajax中的对象",
						"Dom中的获取的为数组格式的方法有哪些",
						"Json是什么 有什么优点?",
						"数组的遍历方式有哪些?",
						"For和forin的区别为什么提倡用for不用forin",
						"数据类型分类",
						"怎么判断数据类型",
						"NaN 和 isNaN的区别",
						"String 和tostring",
						"什么是dom",
						"Dom可以在网页中做什么",
						"HTML Dom中还专门提供了一组接口用来操作网页中的表格Table元素",
						"Dom中操作父元素，子元素，兄弟元素的相关命令",
						"怎么创建对象",
						"Js继承的方式",
						"JavaScript原型，原型链 ? 有什么特点？",
						"eval是做什么的",
						"documen.write和 innerHTML的区别",
						"19.请指出“get()”“[]”“eq()”的区别？",
						"使用window.name来进行跨域",
						"字符串转化为整形的方法，整形转化为字符串的方法",
						"在团队开发中，你是如何避免JS命名冲突的",
						"程序补全-字符串反转函数",
						"如何获取表单<select>域的选择部分的文本？",
						"以下哪条语句会产生运行错误",
						"程序阅读-this问题",
						"程序阅读-匿名函数问题",
						"编写一个方法 去掉一个数组的重复元素",
						"限制文本框的输入",
						"setTimeout和setInterval的使用",
						"<img>元素的alt和title有什么异同？",
						"JavaScript包括哪些数据类型？",
						"使用Javascript解析XML文档",
						"js的几种数据类型？判断基本数据类型的操作符是什么",
						"列举你知道的JS浏览器兼容问题",
						"字符串转化为整形的方法，整形转化为字符串的方法；",
						"在团队开发中，你是如何避免JS命名冲突的？",
						"简述一下绑定事件的常见方法，它们有什么特点",
						"如何创建一个新的div，并把它插入到<div id=”con”></div>中,又如何把它移除？",
						"JS实现如下效果：一个div的宽度从0变到100px，再从100px变回到0，如此反复。",
						"一个div宽高100，点击变大，当它的宽高等于400px开始缩小，当宽高缩小至100px时，开始放大；再次点击暂停缩小或放大，再再次点击，div继续放大或缩小；",
						"额外题目：现在有一段字符串var a=`abcdefg`;",
						"如何取得这段字符串的最后三个字符，用js实现；",
						"JS闭包",
						"截取字符串abcdefg的efg",
						"写出一下运算结果",
						"写出函数DateDemo的返回结果，系统时间假定为今天",
						"写出程序运行的结果？",
						"用正则怎样去掉重复的字符串，只保留一个",
						"把字符串中所有单词的首字母都转换为大写个",
						"以下哪个在JAVASCRIPT中会报错",
						"JAVA中有哪些保留字,越多越好,10个以上",
						"JAVA中有哪些保留字,越多越好,10个以上",
						"写出你所知道的开源项目或软件,并说明他们的好处以及作用.",
						"JS中的三种弹出式消息提醒的命令是什么？",
						"对原生js的了解程度？",
						"js的一个算法从一加到一百，有几种实验方式？考虑到性能和速度",
						"对js的虚拟机的垃圾回收机制算法有什么看法？",
						"javascript中面向对象的理解；",
						"面向对象的继承方式",
						"sea.js和require.js用过吗？",
						"sea和require解决缓存",
						"jsonp怎么做安全防护",
						"jsonp callback的函数返回的数据会存在于window中吗",
						"用过js获取图片的尺寸",
						"说一下冒泡原理以及怎么阻止冒泡",
						"js截取页面(consvers)",
						"ajax 请求类型",
						"为什么js代码放到body后面",
						"javascript是基于哪个框架",
						"介绍js的基本数据类型。",
						"介绍js有哪些内置对象",
						"说几条写JavaScript的基本规范",
						"Javascript如何实现继承",
						"javascript创建对象的几种方式",
						"Javascript 代码中的`use strict`;是什么意思 ? 使用它区别是什么",
						"new操作符具体干了什么",
						"模块化开发怎么做",
						"异步加载JS的方式有哪些",
						"DOM操作——怎样添加、移除、移动、复制、创建和查找节点",
						".call() 和 .apply() 的区别",
						"数组和对象有哪些原生方法",
						"如何编写高性能的Javascript",
						"那些操作会造成内存泄漏",
						"列举IE与其他浏览器不一样的特性",
						"什么叫优雅降级和渐进增强",
						"是否了解公钥加密和私钥加密",
						"解释下事件代理",
						"什么是哈希表",
						"请举出一个匿名函数的典型用例",
						"用过哪些设计模式",
						"浏览器本地存储",
						"说说严格模式的限制",
						"document.write()的用法",
						"说说网络分层里七层模型是哪七层",
						"什么样的前端代码是好的",
						"attribute和property的区别是什么",
						"说说你对AMD和Commonjs的理解",
						"对js的虚拟机的垃圾回收机制算法有什么看法？",
						"javascript中面向对象的理解；",
						"面向对象的继承方式",
						"sea.js和require.js用过吗？",
						"sea和require解决缓存",
						"jsonp怎么做安全防护",
						"jsonp callback的函数返回的数据会存在于window中吗",
						"用过js获取图片的尺寸",
						"说一下冒泡原理以及怎么阻止冒泡",
						"js截取页面(consvers)",
						"ajax 请求类型",
						"为什么js代码放到body后面",
						"javascript是基于哪个框架",
						"介绍js的基本数据类型。",
						"介绍js有哪些内置对象",
						"说几条写JavaScript的基本规范",
						"Javascript如何实现继承",
						"javascript创建对象的几种方式",
						"Javascript作用域链",
						"谈谈This对象的理解",
						"null，undefined 的区别？",
						"Javascript 代码中的`use strict`;是什么意思 ? 使用它区别是什么",
						"new操作符具体干了什么",
						"模块化开发怎么做",
						"异步加载JS的方式有哪些",
						"documen.write和 innerHTML的区别",
						"DOM操作——怎样添加、移除、移动、复制、创建和查找节点",
						".call() 和 .apply() 的区别",
						"数组和对象有哪些原生方法",
						"如何编写高性能的Javascript",
						"那些操作会造成内存泄漏",
						"列举IE与其他浏览器不一样的特性",
						"什么叫优雅降级和渐进增强",
						"是否了解公钥加密和私钥加密",
						"解释下事件代理",
						"什么是哈希表",
						"请举出一个匿名函数的典型用例",
						"用过哪些设计模式",
						"浏览器本地存储",
						"说说严格模式的限制",
						"document.write()的用法",
						"说说网络分层里七层模型是哪七层",
						"什么样的前端代码是好的",
						"attribute和property的区别是什么",
						"说说你对AMD和Commonjs的理解"]
				}
		}
    },
    methods: {

    },
    computed: {

    },
	components:{
		QuestionComp
	}
}
</script>

<style scoped lang="less">
  .fe-list {

  }
</style>
